<template>
  <el-dialog
    title="删除提示!"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose"
    >
    <span>{{tip}}</span>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false" style="margin-right:10px">取 消</el-button>
      <el-button type="primary" @click="closed">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
/*eslint-disable*/
  export default {
    name: "DenialReason",
    props: {
      tip: {
        type: String,
        default: "确定删除?"
      },
    },
    data(){
      return{
        dialogVisible: false
      }
    },
    methods: {
      changeVisible(){
        this.dialogVisible=true
      },
      handleClose(done) {
        done();
      },
      closed(){
        this.dialogVisible=false;
        this.$message({
          message: '删除成功',
          type: 'success'
        });
      }
    }
  }
</script>

<style scoped>
.dialog-footer{
  display: flex;align-items: center;justify-content: center;
}
</style>
